<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>休闲网登录页面</title>
	<link href="css/register.css" rel="stylesheet">
</head>
<body>
    <div id="header" class="main">
        <div id="headerLeft">
            <img src="images/logo.gif" /></div>
        <div id="headerRight">注册 | 登录 | 帮助</div>
    </div>
    <div class="register">
		<form action="success.html" id="myform" method="get" name="myform" >
			<ul>
				<li class="bold">登录休闲网</li>
				<li><span>Email：</span><input type="text" id="email" class="inputs" /></li>
				<li><span>密码：</span><input type="password" id="pwd" class="inputs" /></li>
				<li><input name="btn" id="btn" type="submit" value="登录" class="rb1"  /></li>
			</ul>
		</form>
    </div>
    <div id="footer" class="main"><a href="#">关于我们</a> | <a href="#">诚聘英才</a> |<a href="#"> 联系方式</a>  | <a href="#">帮助中心</a></div>
	<script  src="js/jquery-1.12.4.js"></script>
	<script>
		$(function(){
			// 给form表单绑定提交事件，方法返回false提交事件会中止
			$("#myform").submit(function(){
				// 获取email输入框的值
				var mailVal = $("#email").val();
				if(mailVal==""){
					alert("你咋不填呢？");
					return false;
				}
				if(mailVal.indexOf("@")==-1){
					alert("没有@，你会填不？");
					return false;
				}
				if(mailVal.indexOf(".")==-1){
					alert("没有.，你会填不？");
					return false;
				}
				return true;
			});
		})
	</script>
</body>
</html>

